<template lang="html">
  <div class="add-package">
    <button class="btn btn-sm btn-primary"
      @click="evtShowModalDialog">添加打包活动</button>
      <vue-modal
        :title="'添加打包活动'"
        ok-text="提交"
        cancel-text="取消"
        effect="fade"
        :small="true"
        :width="460"
        :show.sync="showAddModal"
        :callback="evtAddPackage">
        <div slot="modal-body" class="modal-body">
          <form class="form-horizontal">
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">*主组合</label>
              <div class="col-sm-9">
                <select class="form-control" v-model="params.betaId">
                  <option :value="item.id" v-for="item in betaList">{{item.name}}</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">*打包名称</label>
              <div class="col-sm-9">
                <input class="form-control" type="text" name="" value="" v-model="params.name">
              </div>
            </div>
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">活动文案</label>
              <div class="col-sm-9">
                <input class="form-control" type="text" name="" value="" v-model="params.description">
              </div>
            </div>
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">*附属组合</label>
              <div class="col-sm-9">
                <ul class="checkbox-list">
                  <li class="checkbox checkbox-item" v-for="item in betaList">
                    <label>
                      <input type="checkbox" :id="item.id" :value="item.id" v-model="subBetaIds">{{item.name}}
                    </label>
                  </li>
                </ul>
              </div>
            </div>
            <!-- <div class="form-group">
              <label for="type" class="col-sm-3 control-label">上架</label>
              <div class="col-sm-9">
                <select class="form-control" v-model="params.status">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div> -->
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">展示在列表</label>
              <div class="col-sm-9">
                <select class="form-control" v-model="params.isList">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="type" class="col-sm-3 control-label">展示在首页</label>
              <div class="col-sm-9">
                <select class="form-control" v-model="params.isHomepage">
                  <option value="0">否</option>
                  <option value="1">是</option>
                </select>
              </div>
            </div>
          </form>
        </div>
        <div slot="modal-footer" class="modal-footer">
    			<button type="button" class="btn btn-default" @click="goCancel">取消</button>
    			<button type="button" class="btn btn-primary" @click="evtAddPackage">提交</button>
    		</div>
      </vue-modal>
      <!-- <update-invester-buy-type
        :id="1005346122"
        :is-show-btn="false"
        v-ref:addbuytype
        ></update-invester-buy-type> -->
  </div>
</template>

<script src="./add-package-activity.js"></script>
<style src="./add-package-activity.css" scoped></style>
